<template>
  <div>
    <Header :active="6"/>
    <div class="services-content customer-details-content" style="background-color: #ffffff">
      <div class="banner">
        <img src="../../static/image/test02.png">
        <div class="common-min-width">
          <div class="common-width">
            <div class="banner-word">
              <h1>{{customerDetail.title}}</h1>
              <h5>{{customerDetail.description}}</h5>
            </div>
          </div>
        </div>
      </div>
      <div class="common-min-width" >
        <div class="common-width">
          <div class="content-details" style="padding-bottom:20px"  v-html="customerDetail.content"></div>
        </div>
      </div>
    </div>
    <Footer/>
  </div>
</template>
<script>

  import Header from '@/components/Header'
  import Footer from '@/components/Footer'

  export default {
    components: {Header, Footer},
    filters: {},
    data() {
      return {
        id: undefined,
        teamWidth: 0,
        submenuLeft: 0,
        customerDetail: {}
      }
    },
    mounted() {


    },
    watch: {
      "$route": "reload"    //后面是methods中的一个方法
    },
    created() {
      this.id = this.$route.params && this.$route.params.id;
      let _self = this;
      _self.$store.dispatch('clientDetail', {id: this.id}).then(response => {
        _self.customerDetail = response.data;
      }).catch(() => {
      })
    },
    methods: {
      fetchData() {

        let _self = this;
        _self.$store.dispatch('statisticsProjectStatus', {}).then(response => {
          _self.list = response.data;
          _self.total = response.count;
        }).catch(() => {
        })
      },
    }
  }

</script>
<style>

</style>
